<template>
	<div class="u-general-color">
		<u-navbar :title="Navbar.title" :title-bold="true" title-color="#040503" back-icon-color="#040503" :custom-back="comeback" :background="Navbar.background"
			:border-bottom="false" title-width="380"></u-navbar>
		<div>
			<section>
				<div>
					<div id="imgbox">
						<div>
							<u-swiper :list="form.goodsImages.split(',')" height="750" border-radius="0" @click="showOriginalImage"></u-swiper>
						</div>
					</div>
					
					<!-- <div class="u-pl-10 u-pr-10 red-area">
						<div>
							<div class="price">样品剩余{{form.remainQuota?form.remainQuota:0}}份</div>
							<div style="padding-top: 5rpx;">
								<u-tag :text="form.specification?form.specification:'暂无规格'" type="info" mode="dark" size="mini"
									bg-color="#ffffff" color="#000000"></u-tag>
							</div>
						</div>
						<div style="display: flex;flex-direction: column;text-align: right;">
							<div class="price">{{endTimeContent}}</div>
							<div style="color: #ffffff;" v-if="endTimeContent != '活动已结束' && endTimeContent.indexOf('天后结束') == -1">距离活动结束仅剩</div>
						</div>
					</div> -->

					<div class="n-price-1">
						<div class="n-price__left price-area u-pl-15">
							<div class="u-fz-26 u-font-bold discount-price">
								&yen;{{form.samplePrice?form.samplePrice:''}}</div>
							<div class="u-pl-5 discount-tag">
								<u-tag text="样品推广价" mode="dark" size="mini" bg-color="#fc545d"></u-tag>
							</div>
							<span class="line-through u-pl-10">&yen;{{goods.goodsPrice?goods.goodsPrice:'0'}}</span>
						</div>
						<div class="countdown-area">
							<div class="u-fz-17 u-text-center u-font-bold u-pl-15" style="line-height: 35rpx;">{{endTimeContent}}</div>
							<!-- <div class="u-fz-8 u-text-center u-pl-15" v-if="endTimeContent != '活动已结束' && endTimeContent.indexOf('天后结束') == -1">距离活动结束仅剩</div> -->
							<div class="u-fz-8 u-text-center u-pl-15" v-if="endTimeContent.indexOf('天后结束') != -1 || endTimeContent.indexOf(':') != -1">距离活动结束仅剩</div>
						</div>
					</div>
					
					<div class="u-pl-15" v-if="couponTag">
						<u-tag :text="'评价获'+couponTag+'元优惠券'" mode="plain" size="mini" color="#e66142" bg-color="#faede4" border-color="#faede4" />
					</div>

					<div class="u-title u-fz-18 u-pb-10 commodity-name">
						<h4 class="tit f-els-2">
							<span class="goods-title-tag u-pr-5" v-if="form.label">{{form.label}}</span>
							<span class="middile">{{form.subject?form.subject:''}}</span>
						</h4>
						<!-- <div class="font-thin">
							<u-tag v-for="(item, index) in form.goodsTag.split(',')" :key="index" :text="item"
								type="info" mode="dark" size="mini" bg-color="#f7f5f8"
								v-if="form.goodsTag && form.goodsTag.split(',').length>0"></u-tag>
						</div> -->
					</div>

				</div>
			</section>

		</div>

		<p class="v-sperate"></p>
		<section class="j-block">
			<div class="deliver-goods" @click="viewFreight">
				<div class="left">
					<span class="color-gray">
						发货
					</span>
					<span class="u-pl-10" v-if="goods.originAddr">
						{{goods.originAddr.replaceAll('-',' ')?goods.originAddr.replaceAll('-',' '):''}} | 包邮
					</span>
					<span v-else>
						包邮
					</span>
				</div>

				<div class="color-gray">
					<span class="u-pr-5">
						偏远地区运费
					</span>
					<u-icon name="arrow-right" color="#9f9d9e" size="24"></u-icon>
				</div>
			</div>
			
			<div class="specs-goods" v-if="form.specification">
				<div class="left">
					<span class="color-gray">
						规格
					</span>
				</div>
				<div class="right">
					<span>
						{{form.specification?form.specification:''}}
					</span>
				</div>
			</div>
		</section>
		
		<p class="v-sperate"></p>
		<section class="j-block width93">
			<div class="modal-item">
				<div class="u-fz-20 u-font-bold">
					非常重要！请仔细阅读！
				</div>
			</div>
			
			<div v-if="show_rule">
				<div class="rule-title">
					试用要求
				</div>
				<div class="rule-content">
					<u-parse :html="this.escape2Html2(form.requiredContent)"></u-parse>
				</div>
				
				<div class="rule-title">
					评级标准
				</div>
				<div class="rule-content">
					<u-parse :html="this.escape2Html2(form.ratingCriteria)"></u-parse>
				</div>
				
				<div class="rule-title">
					领取规则
				</div>
				<div class="rule-content">
					<u-parse :html="this.escape2Html2(claimRules)"></u-parse>
				</div>
			</div>
		</section>

		<p class="v-sperate"></p>
		<section class="j-block width93" v-if="evaluationResultsList.length > 0">
			<div class="evaluation-show-title">
				<span class="left">测评展示</span>
				<div class="right" @click="viewAllEvaluation">
					<span class="u-pr-5">查看全部</span>
					<u-icon name="arrow-right" color="#9f9d9e" size="24"></u-icon>
				</div>
			</div>
			<div class="pictrues-box">
				<div v-for="(item,index) in evaluationResultsList" :key="index"
					style="padding: 5rpx;position: relative;" v-if="index<3">
					<u-image width="225rpx" height="225rpx" :src="item.url"></u-image>
				</div>
			</div>
		</section>

		<p class="v-sperate"></p>
		<section class="j-block width93">
			<div id="qualityreport"></div>
			<div style="margin: 10rpx 0rpx;">
				<span class="goods-details-title">商品详情</span>
			</div>
			<div class="u-mb-10">
				<u-read-more ref="uReadMore" color="#eb5468">
					<u-parse :html="this.escape2Html(goods.detail)" @load="parseLoaded"></u-parse>
				</u-read-more>
			</div>
			<div class="modal-item" @click="viewNotice">
				<div>
					购买须知
				</div>
				<div style="font-size: smaller;">
					<u-icon name="arrow-right" color="#9f9d9e" size="24"></u-icon>
				</div>
			</div>
			<div class="modal-item" @click="salesService">
				<div>
					售货服务
				</div>
				<div style="font-size: smaller;">
					<u-icon name="arrow-right" color="#9f9d9e" size="24"></u-icon>
				</div>
			</div>
		</section>

		<div style="height: 220rpx;"></div>

		<article class="m-buybar">
			<!-- 发起人视角 -->
			<div class="btn-wrap" v-if="isCreator">
				<button class="customStyle-btn" @click="openCustomerServiceChat">
					<u-icon name="kefu-ermai" color="#000000" size="45"></u-icon>
					<span class="customStyle-btn-span">客服</span>
				</button>
				<button class="customStyle-btn" @click="wakeUpShare">
					<u-icon name="zhuanfa" color="#000000" size="45"></u-icon>
					<span class="customStyle-btn-span">分享</span>
				</button>
		
				<div class="btn-wrap">
					<div class="have-a-try" @click="endJoin" v-if="form.status == '1'">
						<div class="u-fz-15">
							结束报名
						</div>
					</div>
					<div class="have-a-try" v-else>
						<div class="u-fz-15">
							已结束报名
						</div>
					</div>
					<div class="have-a-try u-ml-5" @click="endActivity" v-if="form.status == '1' || form.status == '2'">
						<div class="u-fz-15">
							活动作废
						</div>
					</div>
					<div class="have-a-try u-ml-5" v-if="form.status == '3'">
						<div class="u-fz-15">
							活动已作废
						</div>
					</div>
					<div class="have-a-try u-ml-5" v-if="form.status == '0'">
						<div class="u-fz-15">
							活动已结束
						</div>
					</div>
					<div class="share-link tpink-btn-bgcolor u-ml-5" @click="queryProgress">
						<div class="u-fz-15">查看进度</div>
					</div>
				</div>
				<ShareBtn :docUnid="shareData.docUnid" :url="shareData.url" :route="shareData.route"
					:style="shareData.style" :type="shareData.type" :posterData="shareData.posterData"
					:btnText="shareData.btnText" @successCallBack="shareSuccessCallBack" ref="sharebtn">
				</ShareBtn>
			</div>
		
			<!-- 参与者视角 -->
			<div class="btn-wrap" v-else>
				<button class="customStyle-btn" @click="openCustomerServiceChat">
					<u-icon name="kefu-ermai" color="#000000" size="45"></u-icon>
					<span class="customStyle-btn-span">客服</span>
				</button>
				
				<div class="btn-wrap">
					<div class="have-a-try1" @click="goToDistributionGoods">
						<div class="u-fz-15">
							参与品牌合作
						</div>
					</div>
					
					<div class="register-to-receive u-ml-5" @click="showDisclaimers" v-if="isClick">
						<div>报名领取 </div>
						<div class="u-fz-12 pl-5">(剩余{{form.remainQuota?form.remainQuota:0}}个名额)</div>
					</div>
					
					<div class="register-to-receive u-ml-5" v-else>
						<div>报名领取 </div>
						<div class="u-fz-12 pl-5">(剩余{{form.remainQuota?form.remainQuota:0}}个名额)</div>
					</div>
					
				</div>
		
			</div>
		</article>
		
		<!-- 偏远地区运费 -->
		<u-modal v-model="freight_show" confirm-text="已知晓" title="偏远地区运费" confirm-color="#eb5468">
			<div class="slot-content2">
				<p>{{goods.extraFreight?goods.extraFreight:'-暂无-'}}</p>
			</div>
		</u-modal>

		<!-- 购买须知 -->
		<u-modal v-model="buyNotice_show" confirm-text="已知晓" title="购买须知" confirm-color="#eb5468">
			<div class="slot-content2">
				<div class="u-title">· 正品保障</div>
				<p>平台所有商品均从品牌方直采，全程可跟踪物流，直接送到您手中，保证品质。</p>
				<div class="u-title u-pt-5">· 缺货可能</div>
				<p>部分商品抢购的人过多，可能会出现缺货情况。如遇到缺货，我们将在第一时间联系您进行退款。</p>
				<div class="u-title u-pt-5">· 价格说明</div>
				<p>1、商品详情页划线价指商品市场指导价；</p>
				<p>2、玫丽专享价仅对平台用户开放，最终以订单结算页价格为准；</p>
				<p>3、活动结束时累计销量达到指定要求，参与者将共同获得由品牌方给出的销售业绩奖励，具体以当前活动公示为准；</p>
				<p>4、最终解释权归玫丽——最佳拍档之女性工作平台。</p>
			</div>
		</u-modal>

		<!-- 玫丽售后服务 -->
		<u-modal v-model="afterSales_show" confirm-text="已知晓" title="售后服务" confirm-color="#eb5468">
			<div class="slot-content2">
				<div class="u-title">· 订单修改与取消</div>
				<p>订单支付成功后会立即传送给品牌方进行确认并备货，可尝试联系平台客服进行信息修改或取消。</p>
				<div class="u-title u-pt-5">· 物流说明</div>
				<p>一般情况下48小时内安排发货，物流信息会因时差、公休日等出现更新延迟。</p>
				<div class="u-title u-pt-5">· 退货说明</div>
				<p>商品（不支持7天无理由退换货商品除外）签收7日内可享受退货服务。</p>
				<div class="u-title u-pt-5">· 退货商品条件</div>
				<p>1、商品必须为平台售出；</p>
				<p>2、申请退货须在商品签收7日内提出，并在申请退货后3日内寄出，超期可能导致无法处理退货；</p>
				<p>3、退货商品必须未经穿着、洗涤、使用、污损（商品自身质量问题除外）等，吊牌未经拆除，商品配件及包装齐全且不影响二次销售；</p>
				<p>4、退货需先联系在线客服，直接寄回未经申请的退货商品可能导致丢件无法处理。</p>
			</div>
		</u-modal>

		<!-- 是否确定作废 -->
		<u-modal v-model="endActivity_show" :mask-close-able="true" confirm-text="确认" show-cancel-button
			content="确定作废吗？" @confirm="endActivityConfirm" confirm-color="#eb5468">
		</u-modal>
		
		<!-- 是否确定结束报名 -->
		<u-modal v-model="endJoin_show" :mask-close-able="true" confirm-text="确认" show-cancel-button
			content="确定结束报名吗？" @confirm="endJoinConfirm" confirm-color="#eb5468">
		</u-modal>


		<!-- 客服 -->
		<u-modal v-model="customerService_show" confirm-text="关闭" title="客服微信">
			<view class="slot-content">
				<rich-text :nodes="this.escape2Html(customerService.topPrompt)"></rich-text>
				<div class="u-center u-pt-5 u-pb-5">
					<u-image width="300rpx" height="300rpx" :src="customerService.csQrCode" @longpress="saveImg">
					</u-image>
				</div>
				<rich-text :nodes="this.escape2Html(customerService.bottomPrompt)"></rich-text>
			</view>
		</u-modal>
		
		<!-- 弹窗【测评师资料尚未完整】 -->
		<u-modal 
		  ref="uModal"
		  title="平台提示"
		  v-model="checkEvaluatorInfo_show"
		  show-cancel-button
		  confirm-text="确认"
		  cancel-text="取消"
		  @confirm="goToEvaluatorInfo"
		  confirm-color="#eb5468"
		>
		  <div class="u-p-20">
			  <p>测评师资料尚未填写完毕，不可报名，是否前往填写！</p>
		  </div>
		</u-modal>
		
		<!-- 弹窗【未注册区域服务商】 -->
		<u-modal 
		  ref="uModal"
		  title="本次活动仅对区域服务商开放"
		  v-model="checkRegisterProvider_show"
		  :mask-close-able="true"
		  confirm-text="前往申请"
		  @confirm="goToRegisterProvider"
		  confirm-color="#eb5468"
		>
		  <div class="u-p-20">
			  <p>您暂不具备领取样品资格，欢迎了解「区域服务商」申请与权益说明，提交申请即可参与～</p>
		  </div>
		</u-modal>
		
		<!-- 免责声明 -->
		<u-modal ref="uModal" title="样品推广活动免责声明" v-model="disclaimers_show" show-cancel-button confirm-text="确认报名" cancel-text="取消" :mask-close-able="true"
			@confirm="goToJoin" confirm-color="#eb5468">
			<view class="slot-content5">
				所有商品均为品牌方直发，活动期间若出现不可抗拒因素（如产品改良、仓库缺货、疫情等原因），活动将可能面临取消。最终解释权归玫丽工作平台所有，请理性报名哦～
			</view>
		</u-modal>
	</div>
</template>

<script>
	import globalData from "@/globalData";
	import shareMixins from '@/mixins/share';
	export default {
		mixins: [shareMixins],
		data() {
			return {
				docUnid: '',
				form: {},
				goods: {},
				userInfo: {},
				isClick: true,
				isCreator: false, // 是否为发起人
				endActivity_show: false, // 活动作废
				endJoin_show: false, // 结束报名
				evaluationResultsList: [], // 测评成果
				freight_show: false, // 偏远地区运费
				buyNotice_show: false, // 购买须知
				afterSales_show: false, // 玫丽售后服务
				customerService: {}, // 客服信息
				customerService_show: false,
				checkEvaluatorInfo_show: false,
				checkRegisterProvider_show: false,
				shareData: {
					docUnid: '',
					url: '',
					route: '',
					style: 9,
					type: 2,
					btnText: '活动海报',
					posterData: {
						imageURL: '', // 商品主图URL地址
						productName: '', // 商品名称
						productPrice: '', // 测评报酬。如：50-100测评报酬
						invitemsg: '邀请您参与活动', // 邀请内容。可不传，默认邀请
						type: 'yphd'
					},
					imageUrl: '',
					shareTitle: ''
				},
				inviteStyle: {
					fontSize: '24rpx',
					width: '210rpx',
					padding: '0',
					color: '#000000'
				},
				buynowStyle: {
					backgroundColor: '#e55e97',
					color: '#ffffff',
					width: '380rpx',
					border: '0'
				},
				CollageStyle: {
					fontSize: '24rpx',
					width: '150rpx',
					padding: '0',
					color: '#000000'
				},
				Navbar: {
					title: '样品推广活动',
					background: {
						backgroundColor: '#f3e4e9',
					}
				},
				collectSamplesStyle: {
					backgroundColor: '#e55e97',
					color: '#ffffff',
					width: '335rpx',
					border: '0'
				},
				endTimeContent: '',
				show_rule: true,
				claimRules: '领取样品后，需完成产品试用，并按照试用要求提交评价，达到评级标准的平台会发放相应的报酬！如未完成评价，则会限制您继续参与其他样品活动，敬请谅解～',
				iconName: 'arrow-down',
				disclaimers_show: false,//免责声明弹窗控制
				couponTag: ''
			};
		},

		onLoad(options) {
			if (this.isNotNull(options.isCreator)) {
				this.isCreator = options.isCreator;
			}
			
			this.userInfo = uni.getStorageSync('userInfo');
			if (this.isNotNull(options.docUnid)) {
				this.docUnid = options.docUnid;
				this.getActivityDetails(options.docUnid);
			} else {
				this.showMSG('error', '出错啦！')
				setTimeout(() => {
					this.goBack()
				}, 2500)
			}
		},
		
		onShow(){
			if (this.isNotNull(this.docUnid)) {
				this.userInfo = uni.getStorageSync('userInfo');
				this.getActivityDetails(this.docUnid);
			}
		},

		methods: {
			
			/** 
			 * 通过ref 重新初始化read-more组件的高度
			 */
			parseLoaded() {
				this.$refs.uReadMore.init();
			},

			/**
			 * 获取活动详情
			 */
			async getActivityDetails(docUnid) {
				let result = await this.$u.api.unifyMiniRestGet({
					systemid: "meily",
					url: "/provide/samples/info/" + docUnid,
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) {
					this.form = result.data; // 活动详情
					// this.getCSInfo(this.form.customerServiceId); // 获取样品客服详情
					this.getGoodsDetails(this.form.goodsNo); // 获取商品详情
					this.getEvaluation(this.form.goodsNo); // 获取测评成果

					if(!this.isCreator){
						// 发起人等于当前用户，则表示为发起人视角
						if (this.form.initiatorId == this.userInfo.userId) {
							this.isCreator = true;
						}
					}
					if (this.form.status == '0') {
						this.endTimeContent = '活动已结束';
						
					} else if (this.form.status == '2') {
						this.endTimeContent = '活动已结束';
						
					} else if (this.form.status == '3') {
						this.endTimeContent = '活动已作废';
						
					} else {
						// 倒计时
					this.countdowm(this.form.endTime, '活动已结束');
					}
					
					// 分享组件数据初始化--发起人视角
					this.shareData.docUnid = this.form.id;
					this.shareData.url = '/pages_private_scene2/provide_samples/sign_up?docUnid=' + this.form.id;
					this.shareData.route = this.getCurrentPageUrl(this);
					this.shareData.posterData.imageURL = this.form.goodsImages.split(",")[0];
					this.shareData.posterData.productName = this.form.goodsName;
					this.shareData.posterData.productPrice = this.form.samplePrice;
					this.shareData.imageUrl = this.form.goodsImages.split(",")[0];
					this.shareData.shareTitle = '¥'+this.form.samplePrice+'领取！名额'+(this.form.remainQuota?this.form.remainQuota:0)+'！'
												+(this.form.subject?this.form.subject:'')
					
					console.log("分享组件数据初始化shareData=", this.shareData);
					
					//初始化优惠券标签
					this.initCouponTag()
					
				} else {
					this.$u.toast(result.msg)
				}
			},

			/**
			 * 获取商品详情
			 */
			async getGoodsDetails(goodsNo) {
				let result = await this.$u.api.unifyMiniRestGet({
					systemid: "meily",
					url: "/goods/get/" + goodsNo,
				});
				if (result.code == 200) {
					this.goods = result.data; // 商品信息
				}
			},

			/**
			 * 获取样品客服详情
			 */
			async getCSInfo(helpCsId) {
				let result = await this.$u.api.unifyMiniRestGet({
					systemid: "meily",
					url: "/clientele/get/" + helpCsId,
				});
				if (result.code == 200) {
					this.customerService = result.data;
				}
			},

			/**
			 * 获取测评成果（BPM）
			 */
			async getEvaluation(goodsNo) {
				let result = await this.$u.api.unifyMiniRest({
					systemid: "meily",
					url: "/minrest",
					appid: 'meily',
					wf_num: 'R_meily_BL009',
					goodsNo: goodsNo,
					quantity: '3',
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) { // 可以报名
					this.evaluationResultsList = result.data;
				}
			},
			
			/**
			 * 发起人结束报名
			 * 任务状态。0:正常结束(到期自动结束)；1:正在进行中；2:报名结束；3:活动作废(手动结束)
			 */
			async endJoin() {
				// 登录验证
				var loginRes = this.checkLogin(1)
				if (!loginRes) {
					return false;
				}
				if (this.form.status == '0') {
					this.showMSG('none', '活动已结束');
				} else if(this.form.status == '2') {
					this.showMSG('none', '活动已结束报名');
				} else if(this.form.status == '3') {
					this.showMSG('none', '活动已作废');
				} else {
					this.endJoin_show = true;
				}
			},
			
			/**
			 * 确认结束报名
			 */
			async endJoinConfirm() {
				console.log("确认结束报名.....");
				// 状态。0:结束；1:启用
				let result = await this.$u.api.unifyMiniRest({
					systemid: "meily",
					url: "/provide/samples/end/join",
					id: this.form.id,
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) {
					this.form = result.data; // 更新任务详情
					this.endTimeContent = '活动已结束';
					this.showMSG('none', '已结束报名');
				} else {
					this.showMSG('error', '出错啦！')
				}
			},

			/**
			 * 发起人结束活动
			 */
			async endActivity() {
				// 登录验证
				var loginRes = this.checkLogin(1)
				if (!loginRes) {
					return false;
				}
				if (this.form.status == '0') {
					this.showMSG('none', '活动已结束');
				} else if(this.form.status == '3') {
					this.showMSG('none', '活动已作废');
				} else {
					this.endActivity_show = true;
				}
			},

			/**
			 * 确认作废
			 */
			async endActivityConfirm() {
				console.log("确认作废.....");
				// 状态。0:结束；1:启用
				let result = await this.$u.api.unifyMiniRest({
					systemid: "meily",
					url: "/provide/samples/finish",
					id: this.form.id,
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) {
					this.form = result.data; // 更新拼团详情
					this.endTimeContent = '活动已作废';
					this.showMSG('none', '已作废');
				} else {
					this.showMSG('error', '出错啦！')
				}
			},
			
			/**
			 * 跳转到商品销售页面
			 */
			async goToDistributionGoods() {
				// 登录验证
				var loginRes = this.checkLogin(1)
				if (!loginRes) {
					return false;
				}
				this.$u.route('/pages_private_scene2/GroupPurchase/DistributionGoods?goodsNo=' + this.form.goodsNo + '&goodsId=' +this.form.goodsId);
			},
			
			/** 
			 * 点击领取样品，弹出免责声明
			 */
			showDisclaimers() {
				this.disclaimers_show = true
			},

			/**
			 * 领取样品--跳转到领取样品页面
			 */
			async goToJoin() {
				// 登录验证
				var loginRes = this.checkLogin(1)
				if (!loginRes) {
					return false;
				}
				if (this.form.status == '0') {
					this.showMSG('none', '活动已结束！');
					return;
				} else if (this.form.status == '2') {
					this.showMSG('none', '活动已提前结束！');
					return;
				} else if (this.form.status == '3') {
					this.showMSG('none', '活动已作废！');
					return;
				} else if(this.form.initiatorId == this.userInfo.userId){
					this.$u.toast("不可领取自己发起的样品！");
					return;
				} else {
					/* let info = JSON.stringify(this.form);
					uni.navigateTo({
						url: "/pages_private_scene2/provide_samples/confirm_join?info=" + encodeURIComponent(info)
					}); */
					
					// 判断是否可以报名
					this.verifyRegistration();
				}
			},
			
			/**
			 * 判断是否可以报名
			 */
			async verifyRegistration(){
				
				// 设置不可点击
				this.isClick = false;
				this.showLoading();
				
				let result = await this.$u.api.unifyMiniRest({
					systemid: "meily",
					url: "/provide/samples/sub/verifyRegistration",
					partnerId: uni.getStorageSync('userInfo').userId,// 参与者id
					partnerName: uni.getStorageSync('userInfo').nickName,// 参与者昵称
					partnerAvatarUrl: uni.getStorageSync('userInfo').avatarUrl,// 参与者头像
					initiatorId: this.form.initiatorId,
					initiatorName: this.form.initiatorName,
					subject: this.form.subject,
					joinEndTime: this.form.joinEndTime,
					endTime: this.form.joinEndTime,
					mainId: this.form.id,
					mainTaskNumber: this.form.taskNumber,
					sceneAssetsId: this.form.sceneAssetsId,
					sceneId: this.form.sceneId,
					samplePrice: this.form.samplePrice,
					goodsId: this.form.goodsId,
					goodsNo: this.form.goodsNo,
					goodsName: this.form.goodsName,
					goodsImages: this.form.goodsImages,
					specification: this.form.specification,
					orderStatus: '待支付',
					loading: true ,// 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if(result.code == 200){// 可以报名
					this.form.remarkReminder = this.goods.remarkReminder;//备注是否需要验证标志
					this.form.reminderContent = this.goods.reminderContent;//备注内容
					let info = JSON.stringify(this.form);
					uni.navigateTo({
						url: "/pages_private_scene2/provide_samples/confirm_join?info=" + encodeURIComponent(info)
					});
				} else if(result.code == 203){// 已报名
					setTimeout(() => {
						this.isClick = true;
						this.$u.route(result.url)
					}, 1500)
				} else if(result.code == 205){// 测评师资料尚未填写完毕
					this.hideLoading();
					this.isClick = true;
					this.checkEvaluatorInfo_show = true;
					
				} else if (result.code == 207){// 未注册“区域服务商”
					this.hideLoading();
					this.isClick = true;
					this.checkRegisterProvider_show = true;
					
				} else if (result.code == 208){// 有未提交反馈的记录
					let result2 = await this.$u.api.unifyMiniRest({
						systemid: "meily",
						url: "/provide/samples/sub/getNoFeedback",
						partnerId: uni.getStorageSync('userInfo').userId,// 参与者id
						loading: true ,// 默认发起请求会有一个全局的Loading，设置false可去掉
					});
					if(result2.code == 200 && this.isNotNull(result2.data.id)){
						
						this.$u.toast(result.msg);
						setTimeout(() => {
							this.showMSG('loading','正在跳转···');
							setTimeout(() => {
								this.$u.route('/pages_private_scene2/provide_samples/trial_feedback?recordId=' + result2.data.id);
							}, 1500)
						}, 1500)
					}
					
				} else {// 其他情况
					this.$u.toast(result.msg);
					this.isClick = true;
				}
			},
			
			/**
			 * 前往测评师资料填写页面
			 */
			goToEvaluatorInfo(){
				this.$u.route('/pages_tabbar_contact/personal_contact/CustomerInfo?regionalProvider_show=0&frombusiness=1');
			},
			
			/**
			 * 前往区域服务商注册页面
			 */
			goToRegisterProvider(){
				this.$u.route('/pages_tabbar_contact/personal_contact/VPSRegister');
			},
			
			/**
			 * 查看进度--跳转到领取记录列表页面
			 */
			async queryProgress() {
				
				// 登录验证
				var loginRes = this.checkLogin(1)
				if (!loginRes) {
					return false;
				}
				
				this.$u.route('/pages_private_scene2/provide_samples/join_details?docUnid=' + this.form.id);
			},

			/**
			 * 偏远地区邮费
			 */
			viewFreight() {
				this.freight_show = true;
			},

			/**
			 * 查看全部测评成果
			 */
			viewAllEvaluation() {
				this.$u.route('/pages_private_scene2/GroupPurchase/AllEvaluationResults?goodsNo=' + this.form.goodsNo);
			},

			/**
			 * 购买须知
			 */
			viewNotice() {
				this.buyNotice_show = true
			},

			/**
			 * 售后服务
			 */
			salesService() {
				this.afterSales_show = true
			},

			/**
			 * 客服
			 */
			contactCS() {
				console.log("********")
				console.log(this.customerService)
				if (this.isNotNull(this.customerService.csQrCode)) {
					this.customerService_show = true
				} else {
					this.showMSG('none', '请联系平台管理员')
				}
			},
			
			/**
			 * 点击联系客服
			 */
			async openCustomerServiceChat() {
				let result = await this.$u.api.unifyMiniRestGet({
					systemid: "meily",
					url: "/qyapi/kf/account/url/".concat(globalData.openKfid_sample),
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				if (result.code == 200) {
					const pages = getCurrentPages(); // 获取栈实例
					//当前页面路径(带参数)
					let currentPage = pages[pages.length - 1]['$page']['fullPath']
					let kfUrl = result.data
					wx.openCustomerServiceChat({
						extInfo: {
							url: kfUrl
						},
						corpId: globalData.corpId,
						showMessageCard: true,
						sendMessagePath: currentPage,
						success(res) {
							console.log(res)
						}
					})
				} else {
					this.showMSG('error', '出错啦！');
				}
			},
			

			/** 
			 * 唤起分享弹窗
			 */
			wakeUpShare() {
				this.$refs.sharebtn.wakeUpPop()
			},
			
			/**
			 * 分享回调函数
			 */
			async shareSuccessCallBack(obj){
				console.log("**************************");
				console.log("开始执行，分享回调函数...");
				console.log("obj=", obj);
				// 保存分享次数
				const userInfo = uni.getStorageSync('userInfo')
				let result = await this.$u.api.unifyMiniRest({
					systemid: "meily",
					url: "/behavior/statistics/update",
					createUser: userInfo.userId,
					createUserName: userInfo.nickName,
					createUserAvatar: userInfo.avatarUrl,
					behaviorId: this.goods.goodsId,
					behaviorName: this.goods.goodsName,
					behaviorType: '1',// 分享
					sourceId: obj.NewId,// 分享记录唯一id
					sourceType: '1',// 样品
					remark: '',
					loading: true // 默认发起请求会有一个全局的Loading，设置false可去掉
				});
				console.log(result);
				console.log("分享回调函数，执行结束！");
				console.log("**************************");
			},

			/**
			 * 【重要！样品领取前请仔细阅读】 
			 */
			showRules(){
				if(this.show_rule){
					this.iconName = 'arrow-right'
					this.show_rule = false
				} else {
					this.iconName = 'arrow-down'
					this.show_rule = true
				}
			},
			
			/** 
			 * 初始化优惠券标签
			 */
			initCouponTag() {
				let couponTag_temp = Math.max(this.form.levelACouponAmount,this.form.levelBCouponAmount,this.form.levelCCouponAmount)
				if(couponTag_temp > 0){
					this.couponTag = couponTag_temp
				}
			},
			
			/**
			 * 点击查看原图
			 */
			showOriginalImage(index) {
				let graphicUrlList = this.form.goodsImages.split(',')
				wx.previewImage({
					current: graphicUrlList[index],
					urls: graphicUrlList,
				});
			},
			
			showLoading() {
				wx.showLoading({
					title: '提交中...',
					icon: 'none',
				});
			},
			
			hideLoading() {
				wx.hideLoading();
			},
		},
	};
</script>

<style scoped>
	.n-price {
		height: 50px;
		width: 93%;
		margin: 0 auto;
		color: #000000;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}

	.n-price__left {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		line-height: 110rpx;
	}

	.n-price .curprice {
		font-size: 15px;
		color: #e31436;
	}

	.n-price .curprice .curnum {
		font-size: 44rpx;
		font-weight: bold;
	}

	.n-price .mrkprice {
		text-decoration: line-through;
		margin-left: 5rpx;
		font-size: 30rpx;
		color: #999;
	}

	.n-price .tag {
		display: inline-block;
		padding: 0 5px;
		height: 15px;
		line-height: 15px;
		text-align: center;
		margin-left: 10px;
		vertical-align: 2px;
		font-size: 11px;
		color: #fff;
		background: #ff8587;
		border-radius: 3px;
	}

	.n-prdinfo {
		margin: 0 10px 10px;
		border-top: 1px solid #f0f0f0;
	}

	.n-prdinfo .tit {
		line-height: 32rpx;
		/* padding-top: 10px; */
		margin-bottom: 12rpx;
		width: 100%;
		font-size: 30rpx;
		color: #333;
		font-weight: bold;
	}

	.n-prdinfo .subtit {
		font-size: 13px;
		color: #333;
		line-height: 21px;
	}

	.n-prdinfo .subtit .spec {
		color: #e31436;
	}

	.n-prdinfo .presaletxt {
		color: #f00;
	}

	.u-graybar {
		background: #f1f1f1;
		height: 10px;
	}

	.n-activitybox {
		background-color: #FFFFFF;
		width: 90%;
		margin: 0 auto;
	}

	.n-activitybox .itm {
		position: relative;
		padding: 9px 0;
		/* border-bottom: 1px solid #f0f0f0; */
		zoom: 1;
	}

	.n-activitybox .itm:after {
		display: block;
		clear: both;
		visibility: hidden;
		height: 0;
		overflow: hidden;
		content: ".";
	}

	.n-activitybox .itm .name {
		float: left;
		height: 24px;
		line-height: 24px;
		font-size: 13px;
		color: #6f6e6e;
	}

	.n-activitybox .itm .cnt {
		margin-left: 50px;
		padding-top: 1px;
		padding-right: 10px;
	}

	.n-activitybox .itm:last-child {
		border-bottom: none;
	}

	.n-activitybox .v-linkicon {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0px;
		width: 10px;
		height: 10px;
		margin-top: auto;
		margin-bottom: auto;
		background-size: 200px;
	}


	.mrkprice {
		padding-left: 8rpx;
	}

	.v-sperate {
		height: 10rpx;
		background: #f7f1f7;
	}

	.n-goodsdetailbar {
		position: relative;
		height: 44px;
	}

	.n-goodsdetailbar .txt {
		position: absolute;
		top: 0;
		left: 0px;
		z-index: 9;
		width: 100%;
		height: 44px;
		line-height: 44px;
		text-align: center;
		font-size: 30rpx;
		font-weight: bold;
	}

	.n-goodsdetailbar .v-img {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 90rpx;
	}

	img {
		vertical-align: middle;
		border: 0;
	}

	.m-buybar {
		position: fixed;
		z-index: 1;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		padding-top: 15rpx;
		padding-bottom: 50rpx;
	}

	.m-buybar .btn-wrap {
		width: 95%;
		margin: 0 auto;
		height: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.m-buybar a {
		display: block;
		height: 50px;
		vertical-align: top;
		font-size: 15px;
		line-height: 50px;
		text-align: center;
	}

	.m-buybar .btn {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.m-buybar .buynow {
		color: #fff;
		background: #e31436;
	}

	.m-buybar .buynow.btn-large {
		border: none;
		background-color: #d22147;
		color: #fff;
	}

	.m-buybar .buynow.dis {
		color: #fff;
		background-color: #ccc;
		border: none;
		cursor: default;
	}

	.m-buybar .buynow.s-fc {
		background: #000;
	}

	.m-buybar .addcart {
		background-color: #ff8587;
		color: #fff;
	}

	.m-buybar .addcart.dis {
		color: #fff;
		background-color: #ccc;
		border: none;
		cursor: default;
	}

	.m-buybar .collect {
		position: relative;
		/* width: 95px; */
		/* width: 140rpx; */
		/* padding-top: 12px; */
		/* border-top: 1px solid #ddd; */
		/* border-right: 1px solid #ddd; */
		color: #666;
		font-size: 24rpx;
	}

	.m-buybar .collect:after {
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		top: 7px;
		left: 17px;
		background-size: 200px;
	}

	.m-buybar .collect-1 {
		background-position: -161px 1px;
	}

	.m-buybar .collect-1:after {
		background-position: -139px -33px;
	}

	.m-buybar .cart {
		position: relative;
		width: 55px;
		/* padding-top: 12px; */
		/* border-top: 1px solid #ddd; */
		color: #666;
		font-size: 12px;
		background-size: 200px;
	}

	.m-buybar .cart .count {
		position: absolute;
		min-width: 16px;
		height: 16px;
		left: 27px;
		top: 2px;
		background-color: #fff;
		color: #e31436;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		font-size: 12px;
		line-height: 14px;
		text-align: center;
		padding: 0 4px;
		border: 1px solid #e31436;
	}

	.m-buybar .nogoods {
		position: absolute;
		top: -40px;
		left: 0;
		width: 100%;
		padding-left: 10px;
		background-color: rgba(0, 0, 0, 0.7);
		text-align: left;
		font-size: 16px;
		line-height: 40px;
		color: #fff;
	}

	.m-buybar .nogoods:after {
		content: "";
		position: absolute;
		width: 70px;
		height: 45px;
		left: 10px;
		top: -35px;
		background-size: 200px;
	}

	.m-buybar .cantdeliver {
		position: absolute;
		text-align: center;
		top: -40px;
		left: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		font-size: 12px;
		line-height: 40px;
		color: #fff;
	}

	.m-buybar .hide {
		display: none;
	}

	.bg-white {
		background-color: #FFFFFF;
	}

	.itm-value {
		font-weight: 500;
	}

	.f-els-1 {
		line-height: 48rpx;
	}

	.recovery {
		color: #fff;
		background: #eab315;
	}

	.view-pro {
		color: #fff;
		background: #3b79fe;
	}

	.slot-content {
		font-size: 28rpx;
		color: #bcbcbc;
		text-align: center;
		margin: 0 auto;
	}

	.infoblocks {
		background-color: #FFFFFF;
	}

	.remark-box {
		/* width: 95%; */
		margin: 0 auto;
	}

	.remark-rule {
		margin: 0rpx 40rpx 0rpx 40rpx;
	}

	.remark-rule-title {
		color: #6f6e6e;
		height: 24px;
		line-height: 24px;
		font-size: 13px;
	}

	.line-through {
		font-size: 32rpx;
		color: #919191;
		padding: 0 0.2rem;
		text-decoration: line-through;
	}

	.price-area {
		color: red;
		display: flex;
	}

	.commodity-name {
		width: 93%;
		margin: 0 auto;
		color: #000000;
	}

	.work-free {
		width: 93%;
		margin: 0 auto;
		background-color: #fef9e6;
		color: #000000;
		padding: 20rpx;
	}

	.work-free .text1 {
		color: #3e3d3d;
	}

	.work-free .text2 {
		color: #7d7d7d;
	}

	.work-free .text2 span {
		color: red;
	}

	.notice-area {
		color: #7d7d7d;
		width: 93%;
		margin: 0 auto;
	}

	.aui-flex-goods {
		margin-right: .8em;
		width: 80px;
		height: 80px;
		line-height: 80px;
		text-align: center;
		float: left;
		display: inline;
	}

	.aui-flex-goods img {
		width: 100%;
		max-height: 100%;
		vertical-align: top;
	}

	.aui-flex-content {
		display: inline;
		width: 80px;
		height: 80px;
	}

	.aui-flex-title {
		font-weight: bold;
		color: #1d1b1b;
		font-size: 30rpx;
		padding-bottom: 10rpx;
	}

	.aui-flex-time {
		font-size: 24rpx;
		color: #bcbcbc;
		padding-top: 15rpx;
	}

	.solitaire-box {
		width: 95%;
		margin: 0 auto;
	}

	.certificate {
		/* border-top: 1px solid rgba(0, 0, 0, .08);
		margin-top: -6rpx; */
		/* padding: 0 32rpx 0; */
	}

	.certificateItemMain {
		border-radius: 20rpx;
		overflow: hidden;
		/* padding: 0 32rpx; */
	}

	.certificateItem {
		align-items: center;
		/* border-bottom: 1px solid rgba(0, 0, 0, .08); */
		display: block;
		flex-direction: row;
		justify-content: space-between;
		padding: 25rpx 0;
	}

	.messageItem .messageTop {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}

	.messageTop .imgbox {
		border-radius: 10rpx;
		height: 72rpx;
		overflow: hidden;
		width: 72rpx;
		margin-right: 8px;
	}

	.messageItem .messageTop .imgbox ._img {
		display: block;
		height: 72rpx;
		width: 72rpx;
	}

	.messageItem .messageTop .name {
		color: #000;
		font-size: 28rpx;
		line-height: 1.2;
		overflow: hidden;
		padding-left: 0rpx;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}

	.messageItem .messageTop .name .text1 .quantity_text {
		font-weight: 400;
	}

	.messageItem .messageTop .quantity {
		color: #000;
		font-size: 28rpx;
		line-height: 2.2;
		white-space: nowrap;
	}

	.messageItem .messageTop .quantity .quantity_text {
		color: red;
		font-size: 28rpx;
		font-weight: 400;
	}

	.quantity {
		padding-right: 20rpx;
	}

	.messageItem .messageTop .name .text1 {
		color: rgba(0, 0, 0, .5);
		font-size: 24rpx;
		font-weight: 400;
	}

	.messageItem .messageTop .name .text2 {
		color: rgba(0, 0, 0, .5);
		font-size: 28rpx;
		font-weight: 400;
		margin-top: 10rpx;
	}

	.messageItem .messageCenter {
		color: rgba(0, 0, 0, .8);
		font-size: 28rpx;
		margin-top: 32rpx;
	}

	.messageItem .messageBottom {
		padding: 32rpx 0;
	}


	.discount-price {
		/* line-height: 100rpx; */
		font-weight: bold;
		font-size: 48rpx;
	}

	.font-thin {
		font-weight: 400;
	}

	.deliver-goods {
		margin: 30rpx;
		line-height: 40rpx;
		display: flex;
		justify-content: space-between;
	}

	.deliver-goods .left {
		width: 480rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.specs-goods {
		margin: 30rpx;
		line-height: 40rpx;
		display: flex;
		justify-content: space-between;
	}
	
	.specs-goods .left {
		width: auto;
	}
	
	.specs-goods .right {
		width: 90%;
		word-break: normal;
		display: block;
		white-space: pre-wrap;
		overflow: hidden;
	}

	.color-gray {
		color: #9f9d9e;
	}

	.width93 {
		width: 93%;
		margin: 0 auto;
	}

	.evaluation-show-title {
		margin: 10rpx 0rpx;
		display: flex;
		justify-content: space-between;
	}

	.evaluation-show-title .left {
		margin: 20rpx 0rpx;
		font-weight: bolder;
		font-size: 40rpx;
	}

	.evaluation-show-title .right {
		height: 100rpx;
		line-height: 100rpx;
		/* font-size: 30rpx; */
		color: #9f9d9e;
	}

	.goods-details-title {
		margin: 20rpx 0;
		font-weight: bolder;
		font-size: 40rpx;
		height: 100rpx;
		line-height: 100rpx;
	}

	.follow-group {
		margin: 30rpx;
		line-height: 40rpx;
		display: flex;
		justify-content: space-between;
	}

	.modal-item {
		/* margin: 40rpx 0rpx; */
		height: 100rpx;
		line-height: 40rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		/* color: #9f9d9e; */
		border-top: 1rpx solid #eeeded;
	}

	/* 商品列表 */
	.aui-list-box {
		overflow: hidden;
		position: relative;
	}

	.aui-list-item {
		width: 48%;
		float: left;
		margin: 0 1% 2% 1%;
		background: #fff;
		display: block;
		overflow: hidden;
		border-radius: 10rpx;
		background-color: #ffffff;
	}

	.aui-list-theme-img {
		height: auto;
		width: 100%;
		position: relative;
	}

	.aui-list-theme-img img {
		width: 100%;
		height: auto;
		display: block;
		border: none;
	}

	/* 两行或多行显示... */
	.line-ellipsis {
		width: 320rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
	}

	.aui-list-theme-message {
		background: #ffffff;
		padding: 10rpx 10rpx;
	}

	.aui-list-theme-title {
		color: #4a4a4a;
		font-size: 32rpx;
		line-height: 38rpx;
		margin-top: 5rpx;
	}

	.aui-list-theme-message p {
		font-size: 24rpx;
		font-weight: bold;
	}

	.aui-list-theme-message span.line-through {
		font-size: 0.7rem;
		color: #919191;
		padding: 0 0.2rem;
		text-decoration: line-through;
	}

	.aui-list-theme-message span.none-line-through {
		font-size: 0.7rem;
		color: #919191;
		padding: 0 0.2rem;
	}

	.aui-list-theme-message p i {
		font-style: normal;
		font-size: 0.7rem;
		padding: 0 0.2rem;
		color: #ff3b52;
		float: right;
		width: 25px;
		height: 25px;
	}

	.aui-list-theme-message p em {
		font-style: normal;
		font-size: 0.7rem;
		color: #ff3b52;
		text-decoration: line-through;
		font-weight: normal;
	}

	.pictrues-box {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 40rpx;
	}

	.customStyle-btn {
		width: 50rpx;
		height: 90rpx;
		border: none !important;
		background-color: transparent;
		margin-left: 0;
		margin-right: 15rpx;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		padding-left: 0rpx !important;
		padding-right: 0rpx !important;
		padding-top: 6rpx !important;
	}

	.customStyle-btn::after {
		border: none;
	}

	.customStyle-btn-span {
		font-size: 20rpx;
		color: #000000;
		/* color: #666; */
		line-height: 45rpx;
	}

	.slot-content2 {
		font-size: 28rpx;
		/* color: #bcbcbc; */
		text-align: left;
		width: 93%;
		margin: 0 auto;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}

	.slot-content3 {
		font-size: 32rpx;
		/* color: #bcbcbc; */
		text-align: left;
		width: 93%;
		margin: 0 auto;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}

	.slot-content4 {
		font-size: 30rpx;
		text-align: left;
		width: 85%;
		margin: 0 auto;
		padding-top: 60rpx;
		padding-bottom: 40rpx;
	}
	
	.have-a-try {
		width: 190rpx;
		height: 86rpx;
		border: 2rpx solid #c5c3c4;
		border-radius: 10rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.have-a-try .price {
		line-height: 36rpx;
		color: #000000;
		font-weight: bold;
	}
	
	.have-a-try1 {
		font-size: 30rpx;
		width: 280rpx;
		height: 86rpx;
		border: 2rpx solid #9f9d9e;
		border-radius: 10rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.have-a-try1 .price {
		line-height: 36rpx;
		color: #000000;
		font-weight: bold;
	}

	.color-red {
		color: red;
	}

	.pl-3 {
		padding-left: 3rpx;
	}

	.pl-5 {
		padding-left: 5rpx;
	}

	.share-link {
		width: 200rpx;
		height: 86rpx;
		border: 2rpx solid #9f9d9e;
		border-radius: 10rpx;
		background-color: #eb5468;
		color: #ffffff;
		font-weight: 200;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.share-link-end {
		width: 325rpx;
		height: 86rpx;
		border: 2rpx solid #9f9d9e;
		border-radius: 10rpx;
		background-color: #9f9d9e;
		color: #ffffff;
		font-weight: 200;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.share-link .price {
		line-height: 36rpx;
		font-weight: bold;
		padding-left: 3rpx;
	}
	
	.collect-samples {
		width: 340rpx;
		height: 86rpx;
		border: 2rpx solid #9f9d9e;
		border-radius: 10rpx;
		background-color: #e55e97;
		color: #ffffff;
		font-weight: 200;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.collect-samples .price {
		line-height: 36rpx;
		/* font-weight: bold; */
		/* padding-left: 3rpx; */
	}
	
	.red-area {
		height: 120rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-image: linear-gradient(to right, #fc4f48, #fe6a44);
	}
	
	.red-area .tips {
		color: #ffffff;
		font-size: 22rpx;
	}
	
	.red-area .price {
		color: #ffffff;
		font-size: 50rpx;
		font-weight: bold;
		line-height: 60rpx;
	}
	
	.customStyle-share {
		height: 90rpx;
		border: none !important;
		background-color: transparent;
		float: left;
		margin-right: 1rpx;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		width: 80rpx !important;
		padding-left: 0rpx !important;
		padding-right: 0rpx !important;
		padding-top: 6rpx !important;
	}
	
	.customStyle-share::after {
	  border: none;
	}
	
	.customStyle-share-span{
		font-size: 12px;
		color: #666;
		line-height: 45rpx;
	}
	
	.rule-title {
		height: 100rpx;
		line-height: 100rpx;
		/* width: 90%;
		margin: 0 auto; */
		font-weight: bold;
	}
	
	.rule-content {
		/* width: 90%;
		margin: 0 auto; */
		padding-bottom: 20rpx;
		border-bottom: 2rpx solid #f4f4f4;
	}
	.n-price-1 {
		height: 100rpx;
		color: #000000;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	.countdown-area {
		width: 220rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: right;
		color: #f4e7db;
		/* background-image: linear-gradient(to right, #1e1a17,#4b3e36); */
		background-color: #4b3e36;
		height: 70rpx;
		border-radius: 50rpx 0rpx 0rpx 50rpx;
	}
	.register-to-receive {
		background-color: #eb5468;
		color: #ffffff;
		font-size: 30rpx;
		width: 360rpx;
		height: 86rpx;
		border: 2rpx solid #eb5468;
		border-radius: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.register-to-receive-end {
		background-color: #9f9d9e;
		color: #ffffff;
		font-size: 30rpx;
		width: 360rpx;
		height: 86rpx;
		border: 2rpx solid #9f9d9e;
		border-radius: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.goods-title-tag {
		color: #ffffff;
		background-color: #40972f;
		border-radius: 6rpx;
		font-size: 26rpx;
		margin-right: 10rpx;
		vertical-align: middle;
		font-weight: 350;
		padding: 3rpx 10rpx;
	}
	.middile {
		vertical-align: middle;
	}
	.slot-content5 {
		font-size: 28rpx;
		color: #bcbcbc;
		text-align: left;
		width: 85%;
		margin: 0 auto;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}
</style>